<template>
  <div class="page-wrapper">
    <el-row>
      <el-button plain>朴素按钮</el-button>
      <el-button type="primary" plain>主要按钮</el-button>
      <el-button type="success" plain>成功按钮</el-button>
      <el-button type="info" plain>信息按钮</el-button>
      <el-button type="warning" plain>警告按钮</el-button>
      <el-button type="danger" plain>危险按钮</el-button>
    </el-row>

<!--    <div class="page">-->
<!--      我是小明-->
<!--    </div>-->
<!--    <nuxt-link to="/">-->
<!--      首页-->
<!--    </nuxt-link>-->
  </div>
</template>

<script>
export default {
  name: 'List'
}
</script>
<style scoped lang="less">
.page-wrapper{
  //width: 100px;
  //height: 100px;
  //background: @main-color;
  .page{
    color: @font;
    font-size: 18px;
  }
}
</style>
